body{ margin:0; padding:0; color:#666; font-family: "Microsoft YaHei UI", "Times New Roman", Georgia ;}
a:link{ color:#666; text-decoration:none; }
a:visited{ color:#666; }
a:hover{ color:#333;  }

table{ border-collapse:collapse;}
th,td{ border-style:solid; border-width:1px; border-color:#000;}

.clr{ clear:both;}

.header{ margin:0 0; }
.container{ margin:0 auto; width:1200px;}
.top{ background:#f2f2f2; }
#mytop{ height: 40px; line-height:40px; text-align:right; }
.top1{ margin:0 0; height:140px; background:#fff url(img/top.jpg) no-repeat center top;}
.top2{ margin:0 0; height:480px; background:#fff url(img/bnr.jpg) no-repeat center top;}

.header-menu{ background:#18b3ec; height:40px; line-height:40px;}
.nav{}
.nav ul{ margin:0; padding:0; list-style:none;}
.nav ul li{ float:left; padding:0px 30px; height:40px;}
.nav ul li:hover{ background:#0ad;}
.nav ul li a{ color:#fff; font-weight:bold;}

.wp{}
.f1{}
.f1 .bt{ height:140px; background:#fff url(img/b1.jpg) no-repeat center top;}
.f1 .ct{ background:#f0f0f0; padding:30px 0px; overflow:hidden;}
.f1 .ct .pic{ float:left; margin-top:20px; padding:4px; border-radius:4px; background:#fff; }
.f1 .ct .pic img{ width:450px; height:300px; }
.f1 .ct .txt{ float:left; width:720px; margin-left:20px; }
.f1 .ct .txt .hd{ height:40px; line-height:40px; color:#1ab3ec; font-size:18px; font-family:"Microsoft YaHei UI"; border-bottom:#ccc solid 1px; }
.f1 .ct .txt .bd{ line-height:30px;  }

.f2{ margin-top:30px; margin-bottom:20px; overflow:hidden;}
.f2 .bt{ height:60px; line-height:60px; text-indent:2em; font-size:22px; background:#18b3ec ; color:#fff; }
.f2 .ct{ margin-top:20px;  overflow:hidden; }
.f2 .ct .pnl0{ float:left; width:260px; overflow:hidden;}
.f2 .ct .pnl0 ul{ margin:0; padding:0; list-style:none;}
.f2 .ct .pnl0 ul li{ height:60px; line-height:60px; border-bottom:#18b3ec; font-size:18px; overflow:hidden;}
.f2 .ct .pnl0 ul li a{ display:block; padding:0 20px; height:60px; background:#f0f0f0; }
.f2 .ct .pnl0 ul li a:hover{ background:#18b3ec; color:#fff; }

.f2 .ct .pnl1{ float:right; width:900px; overflow:hidden;}
.f2 .ct .pnl1 ul{ margin:0; padding:0; list-style:none;}
.f2 .ct .pnl1 ul li{ float:left; margin-left:20px; width:280px; height:320px; overflow:hidden;}
.f2 .ct .pnl1 .pic{ float:left; width:280px; height:280px; overflow:hidden;}
.f2 .ct .pnl1 .tit{ float:left; width:280px; height:40px; text-align:center; overflow:hidden;}

.f3{ background:#f0f0f0; height:60px;}

.footer{ background:#2b2b2b; overflow:hidden;}
.footer .footnav{ margin-top:20px; height:40px; line-height:40px; background:#18b3ec; }
.footer .footnav ul{ margin:0; padding:0; list-style:none;}
.footer .footnav ul li{ float:left; padding:0px 30px; height:40px;}
.footer .footnav ul li:hover{ background:#0ad;}
.footer .footnav ul li a{ color:#fff; font-weight:bold;}
.footer .ewm{ float:right; margin-top:10px; }
.footer .cct{ float:left; margin-top:10px; color:#fff; font-size:14px; }
.footer .cct a{  color:#fff; text-decoration:none; }
.footer .cct a:visited{  color:#fff;  }
.bottom{ display:none; background:#2b2b2b; text-align:center;}

/*列表页*/
.ls{ margin-top:20px; overflow:hidden;}
.ls .mn{ float:left; width:860px; overflow:hidden;}
.ls .mn .bt{ height:50px; line-height:50px; border-bottom:#ccc solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.ls .mn .ct{ padding:10px 10px; overflow:hidden;}
.ls .mn .ct ul{ margin:0; padding:0; list-style:none;}
.ls .mn .ct ul li{ padding:0px 10px; height:40px; line-height:40px; border-bottom:#ccc dashed 1px;}
.ls .mn .ct ul li:hover{ background:#eee;}
.ls .mn .ct ul li a{ color:#333; font-weight:bold;}
.ls .mn .ct ul li .more{ float:right; color:#999; font-weight:normal;}
.ls .mn .ct .hd{ line-height:30px;}
.ls .mn .ct .bd{ line-height:30px; height:90px;}
.ls .mn .ct .btm{ line-height:20px; height:20px;}
.ls .mn .ct .btm .btn{ float:left; margin-left:10px;}

.ls .mn .page{ padding:10px 10px; overflow:hidden;}
.ls .mn .page ul{ margin:0; padding:0; list-style:none;}
.ls .mn .page ul li{ float:left; padding:0 5px; height:40px;}
.ls .mn .page ul li:hover{ background:#eee;}
.ls .mn .page ul li a{ color:#666; font-weight:bold;}

.ls .sd{ float:left; width:320px; margin-left:20px; background:#f0f0f0; overflow:hidden;}
.ls .sd .bt{ height:50px; line-height:50px; border-bottom:#18b3ec solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.ls .sd .pic{ margin-top:10px; text-align:center;}
.ls .sd .bd{ margin-top:10px; padding:10px 10px;}

.prd{ margin-top:20px; overflow:hidden;}
.prd .mn{ float:right; width:930px; overflow:hidden;}
.prd .mn .bt{ height:50px; line-height:50px; border-bottom:#ccc solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.prd .mn .ct{ padding:10px 10px; overflow:hidden;}
.prd .mn .ct ul{ margin:0; padding:0; list-style:none;}
.prd .mn .ct ul li{ float:left; margin-top:10px; width:280px; height:300px; text-align:center;}
.prd .mn .ct ul li:hover{ background:#eee;}
.prd .mn .ct ul li a{ color:#333;}
.prd .mn .ct .pic{ float:left; margin-left:10px; margin-top:10px; width:260px; height:260px;}
.prd .mn .ct .pic img{ width:240px; height:240px; }
.prd .mn .ct .tit{ float:left; margin-left:10px; width:260px; line-height:30px; text-align:center; }

.prd .mn .page{ padding:10px 10px; overflow:hidden;}
.prd .mn .page ul{ margin:0; padding:0; list-style:none;}
.prd .mn .page ul li{ float:left; padding:0 5px; height:40px;}
.prd .mn .page ul li:hover{ background:#eee;}
.prd .mn .page ul li a{ color:#666; font-weight:bold;}

.prd .sd{ float:left; width:240px; background:#f0f0f0; overflow:hidden;}
.prd .sd .bt{ height:50px; line-height:50px; border-bottom:#18b3ec solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.prd .sd .pic{ margin-top:10px; text-align:center;}
.prd .sd .bd{ margin-top:10px; padding:10px 10px;}
.prd .sd .bd ul{ margin:0; padding:0; list-style:none;}
.prd .sd .bd ul li{ height:60px; line-height:60px; border-bottom:#18b3ec; font-size:18px; overflow:hidden;}
.prd .sd .bd ul li a{ display:block; padding:0 20px; height:60px; background:#f0f0f0; }
.prd .sd .bd ul li a:hover{ background:#18b3ec; color:#fff; }

/* 产品焦点图 */
#outBox{ width: 1002px; height: 540px; margin: 2px 0px; }
#outBox .w{ width: 450px; height: 450px; }
#outBox .leftBox{ width: 450px; height: 540px; float: left;}
#outBox .normalBox{ overflow: hidden; position: relative; border: 1px solid #f2f2f2;}
#outBox .normalBox img{ width:450px;}
#outBox .normalBox .w{display: none;}
#outBox .botBox{width: 100%;height: 90px;background: #fff url("../img/ar.png") no-repeat 0px -20px;overflow: hidden;}
#outBox .botBox ul li{float: left;width: 54px;height: 54px;border: 2px solid #fff;border-radius: 5px;margin-left: 26.5px;opacity: 0.5;}
#outBox .botBox img{width: 50px;height: 40px;}
#outBox .bord{border-color: #e4393c !important;opacity: 1 !important;}
#outBox .moveBox{ width: 200px; height: 200px; background: rgba(222,0,0,0.4); position: absolute; top: 0; left: 0; display: none;cursor: move; }
#outBox .magBox{ width: 540px; height: 540px; border: 1px solid #f2f2f2; position: relative; float: left; overflow: hidden; display: none; }

#outBox .magBox ul li{ display: none; position: absolute; top: 0; left: 0;}
#n,#outBox .m{ display: block !important; }
#outBox .box{ width: 110px; margin: auto; }

/*内容页*/
.show{ margin-top:20px; overflow:hidden;}
.show .mn{ float:left; width:860px; overflow:hidden;}
.show .mn .bt{ height:50px; line-height:50px; border-bottom:#ccc solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.show .mn .ct{ padding:10px 10px; overflow:hidden;}
.show .mn .ct ul{ margin:0; padding:0; list-style:none;}
.show .mn .ct ul li{ padding:0px 30px; height:140px;}
.show .mn .ct ul li:hover{ background:#eee;}
.show .mn .ct ul li a{ color:#666; font-weight:bold;}
.show .mn .ct .hd{ line-height:30px;}
.show .mn .ct .bd{ line-height:30px;}
.show .mn  .it{ line-height:20px; height:20px;}
.show .mn  .it .mg{ float:left; margin-left:10px;}

.show .mn .page{ padding:10px 10px; overflow:hidden;}
.show .mn .page ul{ margin:0; padding:0; list-style:none;}
.show .mn .page ul li{ float:left; padding:0 5px; height:40px;}
.show .mn .page ul li:hover{ background:#eee;}
.show .mn .page ul li a{ color:#666; font-weight:bold;}

.show .sd{ float:left; width:320px; margin-left:20px; background:#f0f0f0; overflow:hidden;}
.show .sd .bt{ height:50px; line-height:50px; border-bottom:#18b3ec solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.show .sd .pic{ margin-top:10px; text-align:center;}
.show .sd .bd{ margin-top:10px; padding:10px 10px;}

/*自定义页*/
.sgl{ margin-top:20px; overflow:hidden;}
.sgl .bt{ height:50px; line-height:50px; border-bottom:#ccc solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.sgl .ct{ padding:10px 10px; line-height:30px; overflow:hidden;}
.sgl .ct p{ text-indent:2em;}
.sgl .mn{ float:left; width:860px; overflow:hidden;}
.sgl .mn .bt{ height:50px; line-height:50px; border-bottom:#ccc solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.sgl .mn .ct{ padding:10px 10px; overflow:hidden;}
.sgl .mn .ct .ctzh{ height:790px; background:#fff url(img/zb1.jpg) no-repeat center top; overflow:hidden;}
.sgl .mn .ct .ctzm{ padding:0px 20px; background:#fff url(img/zb3.jpg) repeat-y center top; color:#0f71c8; overflow:hidden;}
.sgl .mn .ct .ctzf{ height:270px; background:#fff url(img/zb2.jpg) no-repeat center top; overflow:hidden;}

.sgl .sd{ float:left; width:320px; margin-left:20px; background:#f0f0f0; overflow:hidden;}
.sgl .sd .bt{ height:50px; line-height:50px; border-bottom:#18b3ec solid 1px; text-indent:20px; color:#18b3ec;  font-size:18px; overflow:hidden;}
.sgl .sd .pic{ margin-top:10px; text-align:center;}
.sgl .sd .bd{ margin-top:10px; padding:10px 10px;}